body{
   padding-bottom: 400px;
}
.Main{
    background-color: rgb(250, 250, 250);
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}
.Main-search{
    background-color: rgb(250, 250, 250);
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    
}
.Main-left{
    margin-left: 144px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    list-style: none;
    font-size: 14px;
    color:#666666;
    width: 220px;
    margin-right: 12px;
    padding-top: 8px;
}
.Product{
    height: 40px;
    line-height: 40px;
    padding-left: 24px;
    width: 194px;
    cursor: pointer;
    border-left:solid 2px ;
    border-color: #ffffff;
}
.Product-active{
 
    background-color: #FFF9F0;
    color:#FF8A2B;
    border-left:solid 2px ;
    border-color: #FF8A2B;
    width: 194px;
}
.Main-right{
    display: flex;
    flex-direction:column;
    height: 48px;
    width: 100%;

}
.Right-nav{
    display: flex;
    background-color: #ffffff;
    font-size: 14px;
    color:  #666666;
    width:920px;
    height: 48px;
   padding: 11px 0;
    align-items: center;
    margin-bottom: 16px;
}
.Right-nav span{
    line-height: 26px;
    height: 26px;
    width: 72px;
    text-align: center;
    margin: 0 16px;
    cursor: pointer;
}
.Nav-item-active{
    color: #FF8A2B;
    background-color: rgba(255,138,43,0.10);
}
.Right-vedio{
    display: flex;
    flex-direction: row;
    background-color: rgb(250,250,250);
    width:920px;
    flex-wrap: wrap;
}
.Row{
    display: flex;
    flex-direction: row;
    
}
.Vedio-item{
    display: flex;
    flex-direction: column;
    width: 290px;
    height: 257px;
    background-color: #ffffff;
    margin-right:16.6px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 24px;

}
.Vedio-item:hover{
    box-shadow: 0 0 5px 5px rgba(255, 206, 58, 0.3);
}
.Item-img{
    height: 163px;
    width: 290px;
}
.Item-bottom{
    width: 100%;
    box-sizing: border-box ;
    height: 94px;
    padding-left: 12px;
    padding-right: 12px;
}
.Bottom-title{
    box-sizing: border-box ;
    font-size: 14px;
    color: #1E223A;
    text-align: justify;
    line-height: 14px;
   margin:16px 0 12px 0px;
}
.Bottom-subtitle{
    font-size: 12px;
color: #999999;
text-align: justify;
line-height: 12px;

}
.Bottom-count{
    font-family: PingFangSC-Regular;
font-size: 12px;
color: #8A909A;
text-align: justify;
line-height: 12px;
display: flex;
justify-content:space-between;
margin-top: 12px;
}
.Bottom-fill{
    flex: 1;

}
.Search-result{
    background-color: #ffffff;
    margin-top:16px ;
    width:1152px;
    height: 48px;
    border-radius: 2px;
    line-height: 48px;
    padding-left: 12px;
    margin-bottom: 16px;
    font-size: 14px;
}
.Search-count{
    font-size: 14px;
    color: #FF8A2B;
   
}
.Search-key{
 
color: #FF8A2B;
}
.Result-item{
    background-color: #FFFFFF;
    width:1152px;
    height: 219px;
    display: flex;
    padding-left: 24px;
    position: relative;
    padding-top: 24px;
    box-sizing: border-box;
}
.Result-item-left{
    width: 290px;
    
}
.Result-item-right{
    display: flex;
    flex-direction: column;
    margin-left: 16px;
}
.Right-item-first{
    
    font-size: 24px;
color: #001000;
letter-spacing: 0;
text-align: justify;
line-height: 24px;
margin-top: 10px;
}
.First-lesson-count{
    position: absolute;
right: 12px;
top: 34px;
font-size: 14px;
color: #666666;
line-height: 24px;
}
.Right-item-second{
    display: flex;
    height: 20px;
    margin-top: 24px;
}
.Right-item-second span{
    margin-right: 16px;
    font-size: 14px;
color: rgba(51,51,51,1);
line-height: 14px;
background: #EBEFF4;
border-radius: 1px;
padding:3px 8px;
}
.Right-item-third{
    margin-top: 16px;
    font-size: 14px;
color: #2A2A2A;
letter-spacing: 0;
text-align: justify;
line-height: 24px;
}